<template>
  <div class='row'>
    <div class='col'>
      <ul class="nav nav-pills flex-column">
        <router-link to="/doc/about" custom v-slot="{ href, navigate, isActive }">
          <li class='nav-item'>
            <a :href="href" class='nav-link' :class="[isActive && 'active']" @click="navigate">关于</a>
          </li>
        </router-link>
        <router-link to="/doc/start" custom v-slot="{ href, navigate, isActive }">
          <li class='nav-item'>
            <a :href="href" class='nav-link' :class="[isActive && 'active']" @click="navigate">起步</a>
          </li>
        </router-link>
      </ul>
    </div>
    <div class='col-md-9'>
      <router-view></router-view>
    </div>
  </div>
</template>